<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			.div{
				border: 1px solid red;
				width: 300px;
				height: 300px;
			}
			a{
							display: block;
							width: 100px;
							height: 100px;
							background-color: pink;
							text-align: center;
							line-height: 100px;
							text-decoration: none;
						}
						.a{
							position: relative;
							top: -100px;
							left: 200px;
						}
						.c{
							position: relative;
							top: -300px;
							left: 100px;
						}
						a:hover{
							background-color: blue;
						}
		</style>
	</head>
	<body>
		<div class="div">
					<div><a href="#">链接1</a></div>
					<div class="a"><a href="#">链接2</a></div>
					<div><a href="#">链接3</a></div>
					<div class="a"><a href="#">链接4</a></div>
					<div class="c"><a href="#">链接5</a></div>
				</div>
			</body>
</html>
